<html>
<head>
<title>猩猩电竞</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta itemprop="name" content="猩猩电竞">
<meta name="description" itemprop="description" content="猩球大战杯—自定义模式娱乐赛，开赛啦！位置有限，速来报名！"/>
<meta property="og:title" content="猩猩电竞" />
<meta property="og:description" content="猩球大战杯—自定义模式娱乐赛，开赛啦！位置有限，速来报名！" />
<meta property="og:image" content="http://share.axingxing.com/allstar/images/logo.jpg" />

<link rel="icon" href="http://share.axingxing.com/allstar/images/logo.jpg" type="image/vnd.microsoft.icon"/>
<style type="text/css">
.apply-btn{
	position: absolute;
	top: 10.1rem;
	left: 50%;
	width: 4.95rem;
	height: 1.2rem;
	transform: translate(-50%, 0);
	/*background: rgba(0, 0, 0, 0.5);*/
}
.apply-dialog{
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.apply-dialog .apply-dialog-img{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 6.98rem;
	height: 4.43rem;
	transform: translate(-50%, -50%);
}
.prize{
	display: none;
}
.prize-btn{
	position: absolute;
	top: 13.35rem;
	left: 3.78rem;
	width: 3.5rem;
	height: .8rem;
}
.time-btn{
	position: absolute;
	top: 13.35rem;
	left: 0.55rem;
	width: 3.2rem;
	height: .8rem;
}
a{
	text-decoration: none;
}
.footer-wrap {
  display: block;
  width: 100%;
  height: 0.92rem;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.open-btn {
  position: absolute;
  top: 50%;
  right: 0.2rem;
  margin-top: -0.3rem;
  border-radius: 0.1rem;
  width: 1.84rem;
  height: 0.6rem;
  line-height: 0.6rem;
  font-size: 0.28rem;
  text-align: center;
  color: #fff;
  background-color: #ffbb22;
}

table{
	margin-bottom: .92rem;
}

.footer {
  z-index: 10000;
  padding: 0 0 0 .3rem;
  box-sizing: border-box;
  height: .92rem;
  width: 100%;
  background: #000;
  overflow: hidden;
  line-height: .92rem;
  color: #fff;
  font-size: .28rem;
}
.footer .logo {
    display: inline-block;
    position: relative;
    top: 0.18rem;
    width: 0.64rem;
    height: 0.64rem;
}
.footer .qianwang {
  text-align: center;
  width: 2.14rem;
  height: 100%;
  background: #181927;
}
</style>
</head>
<body bgcolor="#181927" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<script type="text/javascript">
(function (doc, win) {  //rem布局
    var docElem = doc.documentElement;
  var resizeEvent = 'onorientationchange' in win ? 'orientationchange' : 'resize';
  recalc();
// alert(resizeEvent)
  function recalc() {
    setViewport(1);
    var clientWidth = docElem.clientWidth;
    if (!clientWidth) return;
    // var dpr = win.devicePixelRatio || 1;
    var dpr = 1;
    var fontSize = 100 * (clientWidth / 750) * dpr + 'px';
    var scale = 1 / dpr;
    // alert(scale + ':' + fontSize)
    docElem.style.fontSize = fontSize;
    setViewport(scale);
  };

  function setViewport(scale){
    var viewportElem = doc.querySelector('meta[name="viewport"]');
    if(!viewportElem){
      viewportElem = doc.createElement('meta');
      doc.head.appendChild(viewportElem);
    }
    viewportElem.setAttribute('name', 'viewport');
    viewportElem.setAttribute('content', 'width=device-width, user-scalable=no, initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale);
  }

  if (!doc.addEventListener) return;
  win.addEventListener(resizeEvent, function(){
    setTimeout(function(){
    }, 1000);
    if('orientation' in window){
      setTimeout(function(){
        recalc();
      }, 150);
    }else{
      recalc();
    }

  }, false);
  doc.addEventListener('DOMContentLoaded', function(){
    recalc();
    setTimeout(function(){//解决小米  oppo 等部分手机适配问题
      recalc();
    }, 50);
  }, false);

})(document, window);
</script>

<div style="display: none;">
    <img src="http://share.axingxing.com/allstar/images/logo.jpg">
</div>
<a href="javascript:;" class="apply-btn"></a>
<a href="javascript:;" class="time-btn"></a>
<a href="javascript:;" class="prize-btn"></a>
<div class="apply-dialog">
	<img src="images/16_apply_dialog.png" alt="" class="apply-dialog-img">
</div>
<!-- Save for Web Slices (15.jpg) -->
<table id="__01" width="100%" height="" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td>
			<img src="images/16_01.jpg?r=123" width="100%" height="" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/16_02.jpg?r=123" width="100%" height="" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/16_03.jpg?r=123" width="100%" height="" alt=""></td>
	</tr>
	<tr class="time">
		<td>
			<img src="images/16_04.jpg?r=123" width="100%" height="" alt=""></td>
	</tr>
	<tr class="prize">
		<td>
			<img src="images/16_05.jpg?r=123" width="100%" height="" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/16_06.jpg?r=123" width="100%" height="" alt=""></td>
	</tr>
</table>
<a href="javascript:;" class="footer-wrap open-app">
    <div class="footer" data-bury-point="openApp">
        <img src="http://share.axingxing.com/allstar/images/logo.jpg" alt="" class="logo">
        <span class="xingxing">猩猩电竞</span>
        <!--<span class="unlock">用话题圈解锁陌生人聊天</span>-->
        <span href="javascript:;" class="open-btn fr">立即打开</span>
    </div>
</a>

<!-- End Save for Web Slices -->
<script src="//share.axingxing.com/allstar/js/libs/zepto.js?v=4.032"></script>
<script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript"></script>
<script src="//share.axingxing.com/allstar/js/common.js?v=4.032" type="text/javascript"></script>
<script type="text/javascript">
var shareInfo = {
  title: '猩猩电竞',
  desc: '猩球大战杯—自定义模式娱乐赛，开赛啦！位置有限，速来报名！',
  link: window.location.href,
  imgUrl: 'http://share.axingxing.com/allstar/images/logo.jpg',
  type: '',
  dataUrl:'',
};

$('.apply-btn').on('click', function(){
	$('.apply-dialog').show();
});

$('.apply-dialog').on('click', function(){
	$('.apply-dialog').hide();
});

$('.time-btn').on('click', function(){
	$('.time').show();
	$('.prize').hide();
});

$('.prize-btn').on('click', function(){
	$('.time').hide();
	$('.prize').show();
});

</script>
</body>
</html>
